<template>
	<view>
		<view>
		     <view class="status_bar">
		         <!-- 这里是状态栏占位 -->
		     </view>
		 </view>
		动态: todo:  我的动态列表接口（返回的数据包含：评论人，新添加的评论，topic，和根topic）。直接跳转到详情页（已经可以自动切换到对应到评论列表）。
	已解决问题：新加的评论 不能即刻显示。
	已经解决：从消息也页面跳转到详情页后，案例显示不对。
	已解决：消息列表数据应该可以删除，消息页面跳转后，comment置顶
	已解决：1。评论详情页面出错了。2.从消息页跳转到评论详情页（因为是在详情页中到评论）
	已解决：1.从详情页跳转到recorderdatail页面。2.消息页面的刷新。
	已解决：消息页面和首页的布局（参考官方列表到详情示例demo），分页。
	已解决：评论布局，评论者头像。时间戳 过滤器。
	已解决：1.搜索功能,
	已解决: 1.搜素页（显示搜索历史页），数据为空时，显示界面。
	已解决：1.城市区域选择组件，2.录入界面优化，横向，避免空白。
	已解决：显示详情界面优化 。
	待解决：登录界面和逻辑优化。验证码。
	根据易车的小程序来看： 首先要获得微信授权，然后让用户去绑定手机号，也可以重新绑定手机号。避免直接用手机号登录。？？
	已解决： 登录成功后如何合理返回到我的界面。收藏列表里可以删除收藏。
	待解决：案例添加 isOpen 字段。 添加审核字段（审核中，审核通过，审核失败）
	待解决：用药记录。
	待解决：分享
	<view @tap="sendMessage">发送消息</view>
	
	<view @tap="sendMessage2">发送消息2</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			sendMessage(){
				// const ws = new WebSocket(`ws://localhost:8080/websocketServer/${id}`);
				uni.connectSocket({
				  url: 'ws://127.0.0.1:3000/websocketServer/1'
				  
				});
				var data = {
					toId:'2',
					msg:'新评论'
				};
				uni.onSocketOpen(function (res) {
				  console.log('WebSocket连接已打开111！');
				  uni.sendSocketMessage({
				        data: JSON.stringify(data)
				      });
				});
				uni.onSocketError(function (res) {
				  console.log('WebSocket连接打开失败，请检查！');
				});
				uni.onSocketMessage(function (res) {
				  console.log('1收到服务器内容：' + res.data);
				});
			},
			sendMessage2(){
				// // const ws = new WebSocket(`ws://localhost:8080/websocketServer/${id}`);
				// uni.connectSocket({
				//   url: 'ws://127.0.0.1:3000/websocketServer/2'
				  
				// });
				// uni.onSocketOpen(function (res) {
				//   console.log('WebSocket连接已打开222！');
				// });
				// uni.onSocketError(function (res) {
				//   console.log('WebSocket连接打开失败，请检查！');
				// });
				// uni.onSocketMessage(function (res) {
				//   console.log('2收到服务器内容：' + res.data);
				// });
			}
		}
	}
</script>

<style>
.status_bar {
	      height: var(--status-bar-height);
	      width: 100%;
	  }
</style>
